<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head th:replace="common/mall-common :: common_head(~{::title},~{::link},~{::script})">
  <title>网上图书商城</title>
  <link rel="stylesheet" href="/styles/mall/order-pay.css">
  <script src="/javascript/mall/order-pay.js" type="text/javascript"></script>
</head>
<body>
<div th:replace="common/mall-common::mall-header"></div>
<div class="mall-body">
  <form class="pay-container" action="/completePay" method="post">
    <div class="tip-line" th:text="'订单编号：' + ${orderId}"></div>
    <div class="tip-line"
         th:text="'订单包含：' + ${booksCount + '件商品，共需支付金额：' + totalPrice + '元'}"></div>
    <img src="/images/pay-code.jpeg" class="pay-code-img"/>
    <input type="hidden" name="orderId" th:value="${orderId}"/>
    <input type="hidden" name="booksCount" th:value="${booksCount}"/>
    <input type="hidden" name="totalPrice" th:value="${totalPrice}"/>
    <button type="submit" class="btn btn-success pay-complete-btn">我已完成支付</button>
  </form>
</div>
<div th:replace="common/mall-common::mall-footer"></div>
</body>
</html>